<!DOCTYPE html>
<html lang="en">
  <head>
  <meta charset="utf-8">
  <meta http-equiv="X-UA-Compatible" content="IE=edge">
  <meta name="viewport" content="width=device-width, initial-scale=1">

  <title>壹码当先 - 个人信息</title>
  <link href="/pages/css/kefu.css" rel="stylesheet">
  <script type="text/javascript" src="/pages/js/jquery001.js"></script>
  <script type="text/javascript" src="/pages/js/jquery.min.js"></script>
  <!-- Chosen CSS -->
  <link href="/pages/css/login-register.css" rel="stylesheet">
  <!-- Pretty Photo CSS -->
  <link href="/pages/css/prettyPhoto.css" rel="stylesheet">

  <!-- Chosen CSS -->
  <link href="/pages/css/dashboard.css" rel="stylesheet">
  <!-- Custom Main StyleSheet CSS -->
  <link href="/pages/style.css" rel="stylesheet">
  <!-- Color CSS -->
  <link href="/pages/css/color.css" rel="stylesheet">
  <link href="/pages/css/color-2.css" rel="stylesheet">
  <!-- Responsive CSS -->
  <link href="/pages/css/responsive.css" rel="stylesheet">

  <script type="text/javascript">
    $(function () {
        /**
         * 查看用户信息
         */
        $.post("/user/detail", {}, function (result) {
            if (result.status === 1) {
                var data = result.data;
                $("#header").html('<img id="header" src="'+data.header+'">');
                $("#nickName").html(data.nickName);
                $("#studentId").html(data.studentId);
                $("#header1").html('<img id="header" src="'+data.header+'">');
                $("#nickName1").html(data.nickName);
                $("#gender").html(data.gender);
                $("#mobile").html(data.mobile);
                $("#qq").html(data.qq);
                $("#weixin").html(data.weixin);
                $("#email").html(data.email);
                $("#parentMobile").html(data.parentMobile);
                $("#studentId1").html(data.studentId);
            }else{
                alert("用户未登录");
                window.location.href="/pages/index.html";
            }
        });
    })
  </script>

  </head>

<body onload="IFrameResize()">

    <script type="text/javascript">
    function IFrameResize(){  
     //alert(this.document.body.scrollHeight); //弹出当前页面的高度  
     var obj = parent.document.getElementById("iframe1");  //取得父页面IFrame对象  
     //alert(obj.height); //弹出父页面中IFrame中设置的高度  
     obj.height = this.document.body.scrollHeight;  //调整父页面中IFrame的高度为此页面的高度       
    }  
    </script>

    <!--Sub Banner Wrap Start -->
    <div class="gt_sub_banner_bg default_width">
        <div class="container">
            <div class="gt_sub_banner_hdg  default_width">
                <h2>个人信息</h2>
                <h6>壹码当先&nbsp;·&nbsp;让更多的孩子爱上编程</h6>
            </div>
        </div>
    </div>
    <!--Sub Banner Wrap End -->
    <!--Breadcrumb Wrap End -->
    <div class="gt_breadcrumb_bg default_width">
      <div class="container">
        <div class="gt_breadcrumb_wrap default_width">
            <ul>
                <li><a href="/pages/index.html">首页</a></li>
                <li><a href="#">个人信息</a></li>
            </ul>
        </div>
      </div>
    </div>
    <!--Breadcrumb Wrap End -->

    <!--Main Content Wrap Start-->
    <div class="gt_content_wrap">
      <!--Classes Wrap Start-->
      <section class="gt_courses_bg">
        <div class="container">
          
          <!-- Dashboard Side Bar Wrap Start -->
          <div class="col-md-4">
            <div class="gt-user-sidebar">
              <div class="gt_d_author_wrap">
                <div class="gt_d_author_pic">
                  <figure id="header">
                    <!--用户头像-->
                  </figure>
                </div>
                <div class="gt_d_author_pic_des">
                  <h5 id="nickName"></h5>
                  <span class="gt_hdg_span"></span>
                  <p>学员号</p>
                  <label id="studentId"></label>
                </div>
              </div>
              <div class="gt-usser-account-list">
                <ul>
                  <li><a href="information.html"><i class="icon-book gt-color"></i>个人信息</a></li>
                  <li><a href="myworks.html"><i class="icon-clock-1 gt-color"></i>我的作品</a></li>
                  <li><a href="editpwd.html"><i class="icon-three gt-color"></i>修改密码</a></li>
                </ul>
                <a href="#" class="gt-logout"><i class="icon-arrows-2 gt-color"></i>退出登录</a>
              </div>
            </div>
          </div>
          <!-- Dashboard Side Bar Wrap End -->

          <!--Classes List Wrap Start-->
          <div class="col-md-8">
            <div class="gt_d_classes_wrap default_width mb20">
              <div class="gt_d_profile_wrap default_width">
                <figure id="header1">

                </figure>
                <div class="gt_d_profile_detail">
                  <ul>
                    <li>
                      <span>姓名：</span>
                      <p id="nickName1"></p>
                    </li>
                    <li>
                      <span>性别：</span>
                      <p id="gender"></p>
                    </li>
                    <li>
                      <span>手机号：</span>
                      <p id="mobile"></p>
                    </li>
                    <li>
                      <span>QQ: </span>
                      <p id="qq"></p>
                    </li>
                    <li>
                      <span>微信：</span>
                      <p id="weixin"></p>
                    </li>
                    <li>
                      <span>邮箱</span>
                      <p id="email"></p>
                    </li>
                    <li>
                      <span>家长电话：</span>
                      <p id="parentMobile"></p>
                    </li>
                    <li>
                      <span>学员号：</span>
                      <p id="studentId1"></p>
                    </li>
                    <li><a href="editinfo.html" style="display: block; width: 100px; height: 30px; background: #0177b5; line-height: 30px;padding-left: 7px; color: #fff;">编辑个人信息</a></li>
                  </ul>
                </div>
              </div>
          </div>
          <!--Classes List Wrap End-->
        </div>
      </section>
      <!--Classes Wrap End-->
    </div>
    <!--Main Content Wrap End-->


  <!--Jquery Library-->
  <script src="http://www.jq22.com/jquery/jquery-1.10.2.js"></script>
  <!--Bootstrap core JavaScript-->
  <script src="http://www.jq22.com/jquery/bootstrap-3.3.4.js"></script>
  <!--Custom JavaScript-->
  <script src="/pages/js/custom.js"></script>

</body>
</html>
